<ul class="list-group item_ul" style="margin-top: 40px;">
    <li class="list-group-item"> 全部 </li>
    <li class="list-group-item">
        <h4> 情感生活 <span class="badge" style="background:red;float: right">火</span></h4>
        <ul class="form-group">
            <li class="col-xs-7"><a href="javaScript:;"> 治愈系 </a></li>
            <li class="col-xs-5"><a href="javaScript:;"> 旅行 </a></li>
            <li class="col-xs-7"><a href="javaScript:;"> 晚安蜜语 </a></li>
        </ul>
    </li>
    <li class="list-group-item">
        <h4> 音乐天堂 </h4>
        <ul class="form-group">
            <li class="col-xs-7"><a href="javaScript:;"> 流行 </a></li>
            <li class="col-xs-5"><a href="javaScript:;"> 经典 </a></li>
            <li class="col-xs-7"><a href="javaScript:;"> 欧美日韩 </a></li>
            <li class="col-xs-5"><a href="javaScript:;"> 民谣 </a></li>
            <li class="col-xs-7"><a href="javaScript:;"> 催眠曲 </a></li>
            <li class="col-xs-5"><a href="javaScript:;">  DJ </a></li>
        </ul>
    </li>
    <li class="list-group-item">
        <h4> 我想知道 <span class="badge" style="background:red;float: right">新</span></h4>
        <ul class="form-group">
            <li class="col-md-7"><a href="javaScript:;"> 地理 </a></li>
            <li class="col-md-5"><a href="javaScript:;"> 交际 </a></li>
            <li class="col-md-6"><a href="javaScript:;"> 送礼 </a></li>
        </ul>
    </li>
    <!--<li class="list-group-item">-->
        <!--<h4> 其他 </h4>-->
        <!--<ul class="form-group">-->
            <!--<li class="col-xs-12"><a href="javaScript:;"> 健康养生 </a></li>-->
        <!--</ul>-->
    <!--</li>-->
</ul>



